Here, when you click on dropdown filter, it gets closed (for android devices) The dropdown is implemented in such a way that if you click outside the dropdown it gets closed.
let filterElt = this._list.shadowRoot.querySelector("[part=filter]");
if (filterElt) {
filterElt.addEventListener("click", (e) => {
e.cancelBubble = true;
});
}
this._list.addEventListener("mousedown", (e) => {
e.cancelBubble = true;
});
Tried using preventDefault(), stopPropagation() and adding touchevents to filter element